<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@include file= "/WEB-INF/pages/base/commImportPage.jsp" %>
<html>
<head>
<title>任务管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
 <!--[if lt IE 9]><script src="${resourcePath}/js/comm/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/guandaoqingli/pig.css">
    <script src='${resourcePath}/js/comm/build.js' type='text/javascript'></script>
	<style>
		.edit_00 {
			display: inline-block;
			width: 25px;
			height: 25px;
			margin-right: 5px;
			vertical-align: middle;
			background: url("${resourcePath}/images/comm/editt.png") no-repeat -2px -1px;
		}
		
		.public_00 {
			display: inline-block;
			width: 25px;
			height: 25px;
			vertical-align: -11px;
			background: url("${resourcePath}/images/insp/Send.png") no-repeat center center;
		}
		
		.download_00 {
			display: inline-block;
			width: 25px;
			height: 25px;
			vertical-align: middle;
			background: url("${resourcePath}/images/comm/download.png") no-repeat center center;
		}
		
		.download_00:hover{
			border-radius:80px; background:url("${resourcePath}/images/comm/download_hover.png") #F95F5F no-repeat center center;
		}
		.edit_00:hover {
			border-radius: 80px; background: url("${resourcePath}/images/comm/editt-hover.png") no-repeat center center;
		}
		.public_00:hover {
			border-radius: 80px; background: url("${resourcePath}/images/insp/Send_hover.png") #ffae00 no-repeat center center;
		}
</style>
</head>
<body class="body-pad" style="padding-bottom:100px;">
	<input type="hidden" id="pagePath" value="${pageContext.request.contextPath}"/>
	<input type="hidden" id="resourcePath" value="${resourcePath}"/>
<div class="html-header">
    <p class="header-title" >
        任务管理
        <a  class="btn btn-w120 btn-add-icon btn-h30" href="javascript:void(0)" onclick="getAddOrModify('add');" style="left:20px"><em></em>新建任务</a>
    </p>
</div>
<div class="container-fluid warp" style="margin-top:20px">
    <div class="row-fluid  bg-white1">
        <div class="main clearFix" >
            <div class="se-bt clearFix">
                <div class="sel w305" >
                    <i class="d-name">任务名称</i>
                    <input class="input-w295" type="text" placeholder="任务名称" id="taskName"/>
                </div>
                <div class="sel w305" >
                    <i class="d-name">管道名称</i>
                    <div class="dropdown-list">
                        <div class="drop-list drop-list-min">
                            <div class="checked w270" id="lineDiv">
                                <a href="javascript:void(0);" id="gdmc">管道名称</a>
                            </div>
                            <span class="down-span"></span>
                        </div>
                        <ul class="select select-min none">
                            <c:forEach items="${requestScope.pipeLine}" var="line">
	                        	<li onclick="getInspSegment('${line.id}')" ><a href="javascript:void(0);" id="${line.id }" >${line.name}</a></li>
	                        </c:forEach>
                        </ul>
                    </div>
                </div>
                <div class="sel w305" >
                    <i class="d-name">管段名称</i>
                    <div class="dropdown-list">
                        <div class="drop-list drop-list-min">
                            <div class="checked w270" id="segmentDiv">
                                <a href="javascript:void(0);" id="jcgdmc">管段名称</a>
                            </div>
                            <span class="down-span"></span>
                        </div>
                        <ul class="select select-min none" id="inspSegment">
                            
                        </ul>
                    </div>
                </div>
                <a href="javascript:void(0)" class="btn btn-w100 btn-search-icon btn-h30" style="float:left" onclick="searchFun();">查询</a>
            </div>
            <p class="tool pad20" >
                <a  href="javascript:void(0)" data-toggle="modal" class="btn-copy-icon" onclick="copyTask();">复制</a>
                <a href="javascript:void(0)" class="btn-del-icon" onclick="deleteFun('mutiCheck');">删除</a>
                <a href="javascript:void(0)" class="btn-public-icon " onclick="publishFun('mutiCheck');">发布</a>
            </p>
            <div id="dataTable"></div>
        </div>
    </div>
</div>
<!--复制弹出层-->
<div id="copy" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="height:490px;top:10%">
    <input type="hidden" id="copyTaskId" />
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 class="PopupTitle" style="text-align:center">复制任务</h3>
    </div>
    <div class="modal-body copy-tan">
        <p class="jg"></p>
        <ul class="ul-title">
            <li>任务名称</li>
            <li>管道名称</li>
            <li class="no-r">管段名称</li>
        </ul>
        <ul class="u-info">
            <li class="li1">
            	<input type='text' style='width:132px;float:left;' id='copyTaskName' value=""/>
                <!-- <span class="s1">智能检测清管</span> -->
            </li>
            <li class="li1" id="copyPipeLine">
                中石油第一管道
            </li>
            <li class="no-r li1" id="copyPipeSegment">
                张家界管段
            </li>
        </ul>
        <ul class="ul-title">
            <li>清管类型</li>
            <li>清管工具</li>
            <li class="no-r">计划清管时间</li>
        </ul>
        <ul class="u-info">
            <li class="li1">
                <span class="s1" id="copyCleanType">郭嘉巷-张家界五道口检测任务</span>
            </li>
            <li class="li1" style="border-bottom:none" id="toolShow">
                <!-- <div class="sel w410 clearFix" style="margin-top:11px;width:100%;">
                    <div class="dropdown-list" style="float:left;width:100%">
                        <div class="drop-list drop-list-min" style="width:100%;height:28px;">
                            <div class="checked" style="width:91%;height:28px;">
                                <a href="javascript:void(0);">管道名称</a>
                            </div>
                            <span class="down-span"></span>
                        </div>
                        <ul class="select select-min none" style="width:294px;">
                            <li><a href="javascript:void(0);">几件几件几件几件几件几件几件几件几件的</a></li>
                            <li><a href="javascript:void(0);" id="s">1</a></li>
                            <li><a href="javascript:void(0);" id="sdd">2</a></li>
                            <li><a href="javascript:void(0);">2</a></li>
                        </ul>
                    </div>
                </div> -->
            </li>
            <li class="no-r li1 insp-container" style="border-bottom:none">
                <div class="sel w410" style="margin-top:11px;width:100%">
                    <!-- <span class="nn" style="width:68px;float:left">清管时间:</span> -->
                    <span class="time" style="float:left;width:72%"><input style="width:170px;" id="copyPlanTime" onclick="laydate({elem: '#copyPlanTime',istime: true,format: 'YYYY-MM-DD hh:mm'})" class="laydate-icon"/><em style="right:5px" onclick="laydate({elem: '#copyPlanTime',istime: true,format: 'YYYY-MM-DD hh:mm'})"></em></span>
                </div>
            </li>
        </ul>
        <div class="sel" style="width:100%;float:left;height:40px" >
            <div class="xs-sf" >
                <em class="fa"><img src="${resourcePath}/images/comm/fa.png" alt=""/></em><span id="copyFromPig"></span>
            </div>
            <div class="xs-sf" style="margin-left:15px">
                <em class="fa"><img src="${resourcePath}/images/comm/shou.png" alt=""/></em><span id="copyToPig"></span>
            </div>
        </div>
        <p style="clear:both">备注</p>
        <p class="qg-text" style="margin-top:15px"><textarea rows="" cols="" placeholder="请输入备注" id="copyRemark"></textarea></p>
    </div>
    <div class="modal-footer" style="text-align:center">
        <button class="btn btn-w140 btn-save-icon btn-h40" id="ddd" onclick="copySave();"><em style="top:10px;left:35px"></em>保存</button>
    </div>
</div>
<%@include file= "/WEB-INF/pages/pig/tan0Dialog.jsp" %>
	<script src="${pageContext.request.contextPath}/js/pig/cleanPipeLineManager.js"></script>
</body>
</html>